function bindEmailCaptchaclick(){
    $("#captcha-btn").click(function (event){  //#就代表的id  click:以后点击这个标签或者按钮，就会执行click中的函数
        // $this代表的是当前按钮的jquery对象
        var $this = $(this);
        //阻止默认的事件  点击获取验证码按钮，就把信息/表单提交了
        event.preventDefault();
        var email = $("input[name='email']").val();       //或者用$("#exampleInputEmail")拿到输入框  .val就可以拿到输入的值
        $.ajax({
            url:"/auth/captcha/email?email="+email,
            methods:'GET',
            success:function (result){
                var code = result['code'];
                if(code == 200){
                    var countdown = 5;           //countdown就代表点完发送验证码之后的倒计时
                    //在开始倒计时之前，就取消按钮的点击事件
                    $this.off("click");
                    var timer = setInterval(function (){
                        $this.text(countdown);
                        countdown -= 1;
                        //倒计时结束的时候执行
                        if(countdown <= 0 ){
                            //清除掉定时器
                            clearInterval(timer);
                            //将按钮的文字重新修改回来
                            $this.text("获取验证码");
                            //重新绑定点击事件
                            bindEmailCaptchaclick();
                        }
                    },1000)
                    // alert("邮箱验证码发送成功");
                }else{
                    alert(result['message']);
                }
            },
            fail:function (error){
                console.log(error);
            }
        })
    });
}

$(function(){
    bindEmailCaptchaclick();

})
//由于register.html引用register.js文件，语句所写位置比较靠前，导致register.html文件在浏览器中未加载完全，
//所以需要在js文件中使用函数function函数，使register.html文件在浏览器中加载完全，然后才会执行function函数中的语句
//还有另一种方法将register.html中引用register.js文件的语句，写在register.html中最后或者比较靠后的位置

































































